<template>
  <div class="header">
    <div class="header_mid">
      <span
        class="iconfont icon-icon-test1 back"
        @click="$router.back()"
      ></span>
      <span>{{ title }}</span>
    </div>
  </div>
</template>
<script lang="ts">
import Vue from "vue";
export default Vue.extend({
  name: "Header",
  props: ["title"],
});
</script>
<style scoped>
.header {
  height: 46px;
  line-height: 46px;
  background: black;
  color: white;
}
.header_mid {
  width: 95%;
  margin: 0 auto;
}
.header_mid span:nth-child(2) {
  width: 90%;
  display: inline-block;
  text-align: center;
}
</style>
